<html>

<head>
    <meta charset="UTF-8">
    <title>本学院助管信息</title>
    <link href="../easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../easyui/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../easyui/jquery.min.js" type="text/javascript"></script>
    <script src="../easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/download.js"></script>
    <script type="text/javascript">
    //下载助管信息按钮事件(弹出选择列)
    function download() {
        $('#dlg').dialog('open').dialog('setTitle', '导出模板');
    }

    function download_sure() {
        var ny = $("#db").datebox("getValue");
        if (ny) {
            $.download('/studentmanagement/yh/ZG/downloadZG1.do', ny);
        } else {
            alert("请先选择年月，然后导出");
        }
    }
    </script>
</head>

<body>
    <!-- 工具框 -->
    <div id="tb" style="padding: 3px">
        <a href="javascript:download()" class="easyui-linkbutton" iconCls="icon-undo" plain="true">导出所有助管信息</a>
    </div>
    <!-- 数据表框 -->
    <table id="list_data">
    </table>
    <script type="text/javascript">
    $('#list_data').datagrid({
        title: '助管信息列表',
        iconCls: 'icon-save', //图标 
        width: 'auto',
        height: 'auto',
        nowrap: false,
        autoRowHeight: false,
        striped: true, //设置为true将交替显示行背景。
        border: true,
        collapsible: false, //是否可折叠的 
        fitColumns: true,
        checkOnSelect: false,
        fit: true, //自动大小 
        url: '/studentmanagement/yh/ZG/listDW.do',
        sortName: 'id',
        sortOrder: 'asc',
        remoteSort: false,
        idField: 'id',
        singleSelect: false, //是否单选  设置为true将只允许选择一行。
        pagination: false, //设置true将在数据表格底部显示分页工具栏。 
        rownumbers: true, //行号 设置为true将显示行数。
        frozenColumns: [
            [{
                field: 'ck',
                checkbox: true
            }]
        ],
        columns: [
            [{
                field: 'id',
                title: '编号',
                width: 100,
                sortable: true
            }, {
                field: 'name',
                title: '姓名',
                width: 100,
                sortable: true
            }, {
                field: 'unitId',
                title: '单位编号',
                width: 100
            }, {
                field: 'unitName',
                title: '单位名称',
                width: 100
            }, {
                field: 'officeName',
                title: '设岗科室名称',
                width: 100
            }, {
                field: 'tel',
                title: '联系电话',
                width: 100
            }, {
                field: 'bankNo',
                title: '建行卡号',
                width: 100
            }]
        ],
        toolbar: '#tb'
    });
    </script>
    <!-- 导出对话框 -->
    <div Closed="true" id="dlg" class="easyui-dialog" data-options="modal:true,closed:true" style="width: 400px; height: 300px; padding: 10px 20px" buttons="#dlg-buttons">
        <div class="ftitle">选择年月导出模板</div>
        <!-- <input type="checkbox" name="qx" value="1" />编号<br /> <input
			type="checkbox" name="qx" value="2" />姓名<br /> <input
			type="checkbox" name="qx" value="3" />单位编号<br /> <input
			type="checkbox" name="qx" value="5" />单位名称<br /> <input
			type="checkbox" name="qx" value="6" />设岗科室名称<br /> <input
			type="checkbox" name="qx" value="6" />联系电话<br /> <input
			type="checkbox" name="qx" value="7" />建行卡号 -->
        <!-- 选择年月 -->
        选择年月:
        <input id="db" />
        <script>
        $(function() {
            $('#db')
                .datebox({
                    onShowPanel: function() { //显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
                        span.trigger('click'); //触发click事件弹出月份层
                        if (!tds)
                            setTimeout(
                                function() { //延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
                                    tds = p
                                        .find('div.calendar-menu-month-inner td');
                                    tds
                                        .click(function(
                                            e) {
                                            e
                                                .stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
                                            var year = /\d{4}/
                                                .exec(span
                                                    .html())[0] //得到年份
                                                ,
                                                month = parseInt(
                                                    $(
                                                        this)
                                                    .attr(
                                                        'abbr'),
                                                    10); //月份，这里不需要+1
                                            $('#db')
                                                .datebox(
                                                    'hidePanel')
                                                //隐藏日期对象
                                                .datebox(
                                                    'setValue',
                                                    year + '-' + month); //设置日期的值
                                        });
                                }, 0);
                        yearIpt.unbind(); //解绑年份输入框中任何事件
                    },
                    parser: function(s) {
                        if (!s)
                            return new Date();
                        var arr = s.split('-');
                        return new Date(parseInt(arr[0], 10),
                            parseInt(arr[1], 10) - 1, 1);
                    },
                    formatter: function(d) {
                        return d.getFullYear() + '-' + (d.getMonth() + 1); /*getMonth返回的是0开始的，忘记了。。已修正*/
                    }
                });
            var p = $('#db').datebox('panel'), //日期选择对象
                tds = false, //日期选择对象中月份
                yearIpt = p.find('input.calendar-menu-year'), //年份输入框
                span = p.find('span.calendar-text'); //显示月份层的触发控件
            console.log(yearIpt)

        });
        </script>
    </div>
    <!-- 创建或编辑对话框的里面的按钮 -->
    <div id="dlg-buttons">
        <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="download_sure()">确认导出</a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">取消</a>
    </div>
</body>

</html>
